/* eslint-disable prettier/prettier */
import React, { useEffect, useState } from 'react';
import styles from './styles';
import { View,Text,Modal,ImageBackground,Image, TouchableHighlight, TouchableOpacity } from 'react-native';

const Report = ({navigation}) => {
    const [loginstate,SetLoginstate] = useState<Boolean>(false);
    const [backgroundTransparent, setBackgroundTransparent] = useState('transparent');
    const downlight = () => {
        setBackgroundTransparent('rgba(0, 0, 0, 0.15)'); // 设置背景变暗
      };
      useEffect(() => {

      },[]);
    return (

            <ImageBackground source={require('../../src/image/contact_bac.jpg')} style={styles.container}>
                <TouchableOpacity
                    onPress={() => navigation.navigate('login')}
                    style={{position: 'absolute', left: '5%',top: '8%'}}>
                    <Image source={require('../../src/image/UI/learn_button_left.png')} style={{width: 50,height: 50}}/>
                </TouchableOpacity>
               <Text style={{fontSize: 40,color: 'red' ,top: '10%'  }}>举报中心</Text>

               <View style={{alignItems: 'flex-start',top: '30%'}}>
                    <View style={{top: '20%'  }}>
                            <Text style={{fontSize: 20,color: 'black' ,top: '20%'  }}>官方公众号：</Text>
                            <Text style={{fontSize: 20,color: 'blue' ,top: '30%' ,left: '10%'  }}>乐学新天地</Text>
                    </View>

                    <View style={{top: '60%'  }}>
                            <Text style={{fontSize: 20,color: 'black' ,top: '20%'  }}>24小时客服微信：</Text>
                            <Text style={{fontSize: 20,color: 'blue' ,top: '30%',left: '10%'   }}>TopStudy88</Text>
                    </View>

                        <View style={{top: '100%'  }}>
                            <Text style={{fontSize: 20,color: 'black' ,top: '20%'  }}>举报邮箱：</Text>
                            <Text style={{fontSize: 20,color: 'blue' ,top: '30%',left: '10%'  }}>举报中心</Text>
                    </View>
               </View>

            </ImageBackground>


    );

};

export default Report;
